<template>
  <div class="home_container">
    <!-- 头部组件 -->
    <div>
      <Header></Header>
    </div>
    <!-- 搜索部分组件 -->
    <div>
      <search-job></search-job>
    </div>
    <!-- 兼职信息展示部分 -->
    <div>
      <job-info></job-info>
    </div>
  </div>
</template>

<script>
import Header from '@/components/common/Header.vue'
import SearchJob from '@/components/common/SearchJob.vue'
import JobInfo from '@/components/jobInfo/JobInfo.vue'
export default {
  name: 'index',
  components: {
    Header,
    SearchJob,
    JobInfo
  }
}
</script>

<style scoped>
.home-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
</style>
